<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta charset="UTF-8">
  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css"> -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
    title="docsify-darklight-theme" type="text/css" />
  <link rel="stylesheet" type="text/css" href="//live2d-cdn.fghrsh.net/assets/1.4.2/waifu.min.css" />
</head>

<body>
  <nav>
    <a href="#/">首页</a>
    <a href="#/html/">html</a>
  </nav>
  <div id="app">加载中...</div>


  <script>
    window.$docsify = {
      //github 地址
      repo: 'docsifyjs/docsify',
      // 侧边栏
      loadSidebar: true,
      // 导航栏
      loadNavbar: true,
      // 最大展开等级
      subMaxLevel: 2,
      // 封面
      coverpage: [
        '/'
      ],
      // 首页只显示封面
      onlyCover: true,
      // 别名
      alias: {
        '/.*/_sidebar.md': '/_sidebar.md'
      }
    }
  </script>
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
  <!-- 表情 -->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
  <!-- 复制代码 -->
  <script src="https://unpkg.com/docsify-copy-code"></script>
  <!-- 上下页 -->
  <script src="https://unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
  <!-- 点击图片放大 -->
  <script src="https://unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
  <!-- 搜索 -->
  <script src="https://unpkg.com/docsify/lib/plugins/search.js"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript">
  </script>

  <!-- waifu-tips.js 依赖 JQuery 库 -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>

  <!-- 实现拖动效果，需引入 JQuery UI -->
  <script src="https://cdn.jsdelivr.net/npm/jquery-ui-dist@1.12.1/jquery-ui.min.js"></script>

  <div class="waifu">
    <div class="waifu-tips"></div>
    <canvas id="live2d" class="live2d"></canvas>
    <div class="waifu-tool">
      <span class="fui-home"></span>
      <span class="fui-chat"></span>
      <span class="fui-eye"></span>
      <span class="fui-user"></span>
      <span class="fui-photo"></span>
      <span class="fui-info-circle"></span>
      <span class="fui-cross"></span>
    </div>
  </div>

  <script src="//live2d-cdn.fghrsh.net/assets/1.4.2/waifu-tips.min.js"></script>
  <script src="//live2d-cdn.fghrsh.net/assets/1.4.2/live2d.min.js"></script>
  <script type="text/javascript">
    live2d_settings['modelId'] = 1; // 默认模型 ID
    live2d_settings['modelTexturesId'] = 87; // 默认材质 ID
    live2d_settings['waifuDraggable'] = 'unlimited'; // 拖拽样式
    live2d_settings['homePageUrl'] = '#/';
    live2d_settings['waifuEdgeSide'] = 'right:30'; 
    initModel("//live2d-cdn.fghrsh.net/assets/1.4.2/waifu-tips.json")
  </script>
  <div class="drop" style="left: 464.503px; top: 174.015px; bottom: 463px;"></div>
  <script src="jquery-1.10.2.min.js"></script>
  <script src="christmassnow.js"></script>
</body>

</html>